<template>
	<!-- 单图 -->
	<view class="coreshop-adpop" v-if="coreshopdata.parameters.list && coreshopdata.parameters.list.length > 0">
		<view class="adpop" v-if="closeAd">
			<view class="adpop-center">
				<view class="adpop-img">
					<!-- #ifdef MP-WEIXIN -->
					<view
						@click="showSliderInfo(coreshopdata.parameters.list[0].linkType, coreshopdata.parameters.list[0].linkValue)">
						<image class="ad-img" :src="coreshopdata.parameters.list[0].image" mode="widthFix"></image>
					</view>
					<!-- #endif -->
					<!-- #ifndef MP-WEIXIN -->
					<image class="ad-img" :src="coreshopdata.parameters.list[0].image" mode="widthFix"
						@click="showSliderInfo(coreshopdata.parameters.list[0].linkType, coreshopdata.parameters.list[0].linkValue)">
					</image>
					<!-- #endif -->
				</view>
				<image class="close-btn" src="/static/images/close-pink.png" mode="" @click="closePop"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "coreshopadpop",
		props: {
			coreshopdata: {
				// type: Object,
				required: true,
			}
		},
		data() {
			return {
				closeAd: true
			}
		},
		computed: {
			count() {
				// console.log(coreshopdata)
				return (this.coreshopdata.parameters.list.length > 0)
			}

		},
		methods: {
			closePop() {
				this.closeAd = false
			},
		},
	}
</script>

<style scoped lang="scss">
	.coreshop-adpop {
		.adpop {
			position: fixed;
			background: rgba(0, 0, 0, .5);
			width: 100%;
			height: 100vh;
			z-index: 999;
			top: 0;
			left: 0;

			.adpop-center {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 70%;
				text-align: center;

				.adpop-img {
					width: 100%;
					max-height: 500px;
					margin-bottom: 25px;

					.ad-img {
						width: 100%;
						max-height: 500px;
					}
				}

				.close-btn {
					width: 40px;
					height: 40px;
				}
			}
		}
	}
</style>